<template>
  <div class="son">
    <div class="w-100 ib">gSon</div>
    <el-select @change="getgSon" v-model="value" placeholder="gSon data">
      <el-option
        v-for="item in gSonOptions"
        :key="item.value"
        :label="item.label"
        :value="item.value">
      </el-option>
    </el-select>
    <ggSon :ggSonOptions="gSonOptions" />
  </div>
</template>
 
<script>
const ggSon = () => import('./ggson')
export default {
  name: '',
  components: { ggSon },
  props: {
    gSonOptions: Array
  },
  data () {
    return {
      value: '选项1'
    }
  },
  methods: {
    getgSon(v) {
      console.log(v)
    },
    getggSon(v) {
      this.value = v
    }
  }
}
</script>
 
<style scoped lang="scss">
 
</style>